<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style >
  .el-button--primary {
    color: #353236;
    background-color: #35cde1;
    border-color: #676668;

  }

  .el-button--zz1 {
    color: #3b3b3b;
    background-color: #88f383;
    border-color: #6f6f6f;
	 padding: 6px;

  }
  
  .el-button--zz2 {
    color: #3b3b3b;
    background-color: #b9c5f0;
    border-color: #6f6f6f;
	 padding: 6px;
  }

  .el-button--zz3 {
    color: #3b3b3b;
    background-color: #ebc3f1;
    border-color: #6f6f6f;
	 padding: 6px;
  }

  .el-button--zz4 {
    color: #3b3b3b;
    background-color: #f1d1c2;
    border-color: #6f6f6f;
	 padding: 6px;
  }

  .el-button--zz5 {
    color: #3b3b3b;
    background-color: #e1f595;
    border-color: #6f6f6f;
	 padding: 6px;
  }

  .el-button--zz6 {
    color: #3b3b3b;
    background-color: #f19b79;
    border-color: #6f6f6f;
	 padding: 6px;
  }

  .el-button--zz7 {
    color: #3b3b3b;
    background-color: #afb2f4;
    border-color: #6f6f6f;
	 padding: 6px;
  }


  .el-button--zz10 {
    padding: 0;
    background-color: transparent;
    border: none;
    color: #409eff;
    text-decoration: underline;
    cursor: pointer;
	 padding: 6px;
  }



  .el-button--zz12 {
    padding: 0;
    background-color: transparent;
    border: none;
    color: #fc0017;
    text-decoration: underline;
    cursor: pointer;
  }



  button:hover {
    color: white;
    box-shadow: inset 0 -100px 0 0 #35b455;
  }

  button:active {
    transform: scale(0.9);
  }



  .sss {
    width: 190px;
    height: 254px;
    border-radius: 30px;
    background: #e0e0e0;
    box-shadow: 15px 15px 30px #bebebe,
               -15px -15px 30px #ffffff;
  }


</style>
